<template>
  <div class="">
    <el-select v-model="selectValue">
      <el-option
        v-for="(item, index) in options"
        :key="item.label"
        :value="item.value"
      >
      </el-option>
    </el-select>
    <el-select v-model="selectValues" multiple>
      <el-option
        v-for="(item, index) in options"
        :key="item.id"
        :label="item.label"
        :value="item.value"
      ></el-option>
    </el-select>
  </div>
</template>

<script>
export default {//import引入的组件需要注入到对象中才能使用
   components:{},
   data(){
      return {
         selectValue:"3",
         selectValues:[],
         options:[
            {value:"a",lable:"法师"},
            {value:"b",lable:"刺客"},
            {value:"c",lable:"战士"},
            {value:"d",lable:"坦克"},
         ]
      }
   },
   computed:{}
};
</script>

<style>
</style>